<div class="main-container">
    <h5>基本属性</h5>
    <div class="layui-form-item">
        <label class="layui-form-label">任务ID：</label>
        <div class="layui-input-block">
            <input type="text" lay-verify="" placeholder="" autocomplete="off" name="id" class="layui-input" readonly>
        </div>
    </div>
    <div class="layui-form-item layui-hide">
        <label class="layui-form-label">任务类型：</label>
        <div class="layui-input-block">
            <input type="text" lay-verify="" placeholder="" autocomplete="off" name="type" class="layui-input" value="end">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">显示名称：</label>
        <div class="layui-input-block">
            <input type="text" lay-verify="" placeholder="" autocomplete="off" name="display_name" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">表达式：</label>
        <div class="layui-input-block">
            <input type="text" lay-verify="" placeholder="" autocomplete="off" name="expr" class="layui-input">
        </div>
    </div>
</div>
<script>
    layui.use(['colorpicker', 'jquery', 'form'], function () {
        let colorpicker = layui.colorpicker;
        let form = layui.form;
        let $ = layui.jquery;

        //主题颜色
        colorpicker.render({
            elem: '#color-picker-fill',
            color: '#1c97f5',
            done: function (color) {
                $('#fill-color').val(color);
                propertyKeysSet()
            }
        });
        //边框颜色
        colorpicker.render({
            elem: '#color-picker-stroke',
            color: '#1c97f5',
            done: function (color) {
                $('#stroke-color').val(color);
                propertyKeysSet()
            }
        });
        //字体颜色
        colorpicker.render({
            elem: '#color-picker-color',
            color: '#1c97f5',
            done: function (color) {
                $('#color').val(color);
                propertyKeysSet()
            }
        });


    })


</script>
